<!doctype html>
<html>
	<head>
		<title>京东首页</title>
		<meta charset="utf-8">
		<!-- 引入 jd_index.css -->
		<link rel="stylesheet" href="jd_index.css">
	</head>
	<body>
		<!-- 1、页面顶部:top -->
		<!-- w:100%,灰色背景,高度30px -->
		<header id="top">
			<!-- w:1211px -->
			<div id="top_box">
				<!-- 五角星 图片(左)  -->
				<img class="lf" src="Images/star.jpg">
				<!-- 收藏京东 文字(左) -->
				<a class="lf" href="#">收藏京东</a>
				<!-- 文字 列表(右) -->
				<ul class="rt">
					<li>
						您好，欢迎来到京东
						<a href="#">[登录]</a>
						<a href="#">[免费注册]</a>
					</li>
					<li>
						<b></b><!-- 边框 -->
						<a href="#">我的订单</a>
					</li>
					<li class="vip">
						<b></b><!-- 边框 -->
						<a href="#">会员俱乐部</a>
					</li>
					<li>
						<b></b><!-- 边框 -->
						<a href="#">企业频道</a>
					</li>
					<li class="app_jd">
						<b></b><!-- 边框 -->
						<a href="#">手机京东</a>
					</li>
					<li class="service">
						<b></b><!-- 边框 -->
						<a href="#">
							客户服务
						</a>
						<!-- 弹出菜单 -->
						<ul id="service_items">
							<li>
								<a href="#">
									帮助中心
								</a>
							</li>
							<li>
								<a href="#">
									帮助中心
								</a>
							</li>
							<li>
								<a href="#">
									帮助中心
								</a>
							</li>
							<li>
								<a href="#">
									帮助中心
								</a>
							</li>
							<li>
								<a href="#">
									帮助中心
								</a>
							</li>
						</ul>
					</li>
					<li>
						<b></b><!-- 边框 -->
						<a href="#">网站导航</a>
					</li>
				</ul>
			</div>
		</header>
		<!-- 2、LOGO和搜索:top_main-->
		<div id="top_main">
			<!-- 1、logo -->
			<a href="#" class="lf">
				<img src="Images/logo-201305.png">
			</a>
			<!-- 2、搜索框和热门搜索 -->
			<div id="search_box">
				<!-- 1、搜索框和按钮 -->
				<div class="search">
					<!-- 1、搜索文本框 -->
					<input class="txtSearch" />
					<!-- 2、按钮-->
					<button>搜索</button>
				</div>
				<!-- 2、热门搜索-->
				<div class="hot_words">
					<span>热门搜索:</span>
					<a href="#">家纺11月大促</a>
					<a href="#">彩虹电热毯</a>
					<a href="#">博洋家纺</a>
					<a href="#">霞针</a>
					<a href="#">家纺11月大促</a>
					<a href="#">彩虹电热毯</a>
					<a href="#">博洋家纺</a>
					<a href="#">霞针</a>
					<a href="#">家纺11月大促</a>
					<a href="#">彩虹电热毯</a>
					<a href="#">博洋家纺</a>
					<a href="#">霞针</a>
					<a href="#">家纺11月大促</a>
					<a href="#">彩虹电热毯</a>
					<a href="#">博洋家纺</a>
					<a href="#">霞针</a>
					<a href="#">家纺11月大促</a>
					<a href="#">彩虹电热毯</a>
					<a href="#">博洋家纺</a>
					<a href="#">霞针</a>
				</div>
			</div>
			<!-- 3、我的京东-->
			<div id="my_jd">
				我的京东
				<b></b><!-- 向下箭头 -->
			</div>
			<!-- 4、去购物车结算-->
			<!-- 5、追加空子元素 撑起高度-->
			<div class="clear"></div>
		</div>
		<!-- 3、主导航:nav-->
		<nav id="nav">
			<!-- 左：全部商品分类 -->
			<p>
				<a href="#">全部商品分类</a>
				<b></b>
			</p>
			<!-- 右：导航链接-->
			<ul class="lf">
				<li>
					<a href="#">首页</a>
				</li>
				<li>
					<a href="#">服装城</a>
				</li>
				<li>
					<a href="#">食品</a>
				</li>
				<li>
					<a href="#">团购</a>
				</li>
				<li>
					<a href="#">夺宝岛</a>
				</li>
				<li>
					<a href="#">闪购</a>
				</li>
				<li>
					<a href="#">金融</a>
				</li>
			</ul>
		</nav>
		<!-- 4、banner广告:banner -->
		<div id="banner">
			<!-- 1、分类 -->
			<ul id="cate_box">
				<li>
					<a href="#">图书、音像、数字商品</a>
				</li>
				<li>
					<a href="#">家用电器</a>
					<!-- 子分类信息 -->
					<div id="sub_cate_box">
						<!-- 1、子分类内容 -->
						<div id="sub_cate_items">
							<ul>
								<li class="title">
									<a href="#">
										电子书
									</a>
								</li>
								<li>
									<a href="#">
										免费
									</a>
								</li>
								<li>
									<a href="#">
										小说
									</a>
								</li>
								<li>
									<a href="#">
										励志与成功
									</a>
								</li>
								<li>
									<a href="#">
										婚恋/两性
									</a>
								</li>
								<li>
									<a href="#">
										文学
									</a>
								</li>
							</ul>
							<ul>
								<li class="title">
									<a href="#">
										电子书
									</a>
								</li>
								<li>
									<a href="#">
										免费
									</a>
								</li>
								<li>
									<a href="#">
										小说
									</a>
								</li>
								<li>
									<a href="#">
										励志与成功
									</a>
								</li>
								<li>
									<a href="#">
										婚恋/两性
									</a>
								</li>
								<li>
									<a href="#">
										文学
									</a>
								</li>
							</ul>
						</div>
						<!-- 2、子分类图片广告 -->
						<div id="sub_cate_banner">
							<!-- 图片1 -->
							<p>
								<img src="Images/cate_banner_01.jpg">
							</p>
							<!-- 图片2 -->
							<p>
								<img src="Images/cate_banner_02.jpg">
							</p>
							<!-- 推荐... -->
							<h4>
								推荐品牌出版商/书店
							</h4>
							<!-- 文字列表 -->
							<ul>
								<li>
									<a href="#">中华书局</a>
								</li>
								<li>
									<a href="#">人民邮电出版社</a>
								</li>
								<li>
									<a href="#">上海世纪出版股份有限公司</a>
								</li>
								<li>
									<a href="#">电子工业出版社</a>
								</li>
								<li>
									<a href="#">三联书店</a>
								</li>
								<li>
									<a href="#">浙江少年儿童出版社</a>
								</li>
							</ul>
						</div>
						<!-- 3、关闭按钮 -->
						<div class="close">×</div>
					</div>
				</li>
			</ul>
			<!-- 2、Banner广告-->
			<div id="slider_box">
				<!-- 1、滑动广告 -->
				<div id="slider">
					<!-- 图片 -->
					<img src="Images/index/banner_02.jpg">
					<!-- 列表:12345(绝对定位) -->
					<ul>
						<li>1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
						<li>5</li>
					</ul>
				</div>
				<!-- 2、三幅小广告 -->
				<!-- 670 * 160 -->
				<div id="ad">
					<a class="previous"></a>
					<ul class="lf">
						<li>
							<a href="#">
								<img src="Images/index/ad_01.jpg">
							</a>
						</li>
						<li class="mid">
							<a href="#">
								<img src="Images/index/ad_02.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/ad_03.jpg">
							</a>
						</li>
					</ul>
					<a class="next"></a>
				</div>
			</div>
			<!-- 3、京东快报-->
			<div id="extra_focus">
				<!-- 1、大放价-->
				<p>
					<a href="#">
						<img src="Images/index/ad_focus.jpg">
					</a>
				</p>
				<!-- 2、京东快报-->
				<div id="news">
					<!-- 京东快报 更多快报 -->
					<p>
						<a href="#">更多快报&gt;&gt;</a>
						<b>京东快报</b>
					</p>
					<!-- 具体快报内容 -->
					<div>
						<ul class="lf">
							<li>
								<a href="#">
									松鼠好年货2折开抢
								</a>
							</li>
							<li>
								<a href="#">
									松鼠好年货2折开抢
								</a>
							</li>
							<li>
								<a href="#">
									松鼠好年货2折开抢
								</a>
							</li>
							<li>
								<a href="#">
									松鼠好年货2折开抢
								</a>
							</li>
						</ul>
						<ul class="rt">
							<li>
								<a href="#">
									松鼠好年货2折开抢
								</a>
							</li>
							<li>
								<a href="#">
									松鼠好年货2折开抢
								</a>
							</li>
							<li>
								<a href="#">
									松鼠好年货2折开抢
								</a>
							</li>
							<li>
								<a href="#">
									松鼠好年货2折开抢
								</a>
							</li>
						</ul>
					</div>
				</div>
				<!-- 3、虚拟信息-->
				<div id="virtuals">
					<ul>
						<li class="huafei">
							<a href="#">
								<b></b>
								话费
								<i></i>
							</a>
						</li>
						<li class="jipiao">
							<a href="#">
								<b></b>
								话费
								<i></i>
							</a>
						</li>
						<li class="huafei">
							<a href="#">
								<b></b>
								话费
								<i></i>
							</a>
						</li>
						<li class="huafei">
							<a href="#">
								<b></b>
								话费
								<i></i>
							</a>
						</li>
						<li class="huafei">
							<a href="#">
								<b></b>
								话费
								<i></i>
							</a>
						</li>
						<li class="huafei">
							<a href="#">
								<b></b>
								话费
								<i></i>
							</a>
						</li>
						<li class="huafei">
							<a href="#">
								<b></b>
								话费
								<i></i>
							</a>
						</li>
						<li class="huafei">
							<a href="#">
								<b></b>
								话费
								<i></i>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<!-- 4、空div-->
			<div class="clear"></div>
		</div>
		<!-- 5、主体内容:main-->
		<section id="main">
			<!-- 1、生活的橱窗 -->
			<div id="show_box">
				<!-- 1、文本：生活的橱窗 -->
				<p>
					生活的橱窗
					<i>每一天展示精彩</i>
				</p>
				<!-- 2、8幅图像-->
				<ul>
					<li class="pinpaijie">
						<!-- 遮罩层 -->
						<b></b>
						<!-- 文本:绝对定位 -->
						<div>
							<h2>品牌街</h2>
							<p>三星NOTE</p>
							<h4>赠500京东E卡</h4>
							<ul>
								<li>
									<b></b>
									<a href="#">更多品牌</a>
								</li>
								<li>
									<b></b>
									<a href="#">进入品牌街</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="pinpaijie">
						<!-- 遮罩层 -->
						<b></b>
						<div>
							<h2>天天低价</h2>
							<p>坚果礼盒</p>
							<span>95.8元秒杀</span>
						</div>
					</li>
					<li class="pinpaijie">
						<!-- 遮罩层 -->
						<b></b>
					</li>
					<li class="tuangou no-margin">
						<!-- 遮罩层 -->
						<b></b>
						<div>
							<h3>今日团购</h3>
							<p>100元代金券</p>
							<div>
								<span>团购价</span>
								<b>￥89</b>
								<p>
									<img src="Images/index/cantuan.png">
								</p>
							</div>
						</div>
					</li>
					<li class="pinpaijie">
						<!-- 遮罩层 -->
						<b></b>
					</li>
					<li class="pinpaijie">
						<!-- 遮罩层 -->
						<b></b>
					</li>
					<li class="pinpaijie">
						<!-- 遮罩层 -->
						<b></b>
					</li>
					<li class="pinpaijie no-margin">
						<!-- 遮罩层 -->
						<b></b>
					</li>
				</ul>
				<!-- 3、3幅广告图像-->
				<div id="show_ads">
					<ul>
						<li>
							<a href="#">
								<img src="Images/index/ad_small_01.jpg">
							</a>
						</li>
						<li class="mid">
							<a href="#">
								<img src="Images/index/ad_small_02.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/ad_small_03.jpg">
							</a>
						</li>
					</ul>
				</div>
			</div>
			<!-- 2、1F 家电通讯 -->
			<div class="floor">
				<!-- 1、家电通讯标题.. -->
				<!-- 1211*40 -->
				<header>
					<!-- 1F -->
					<span>1F</span>
					<!-- 家电通讯 -->
					<p>家电通讯</p>
					<!-- 特价商品等... -->
					<ul class="tab">
						<li>
							<a href="#">
								特价商品
							</a>
						</li>
						<li>
							<a href="#">
								大家电
							</a>
						</li>
						<li>
							<a href="#">
								小家电
							</a>
						</li>
						<li>
							<a href="#">
								手机通讯
							</a>
						</li>
						<li>
							<a href="#">
								汽车五金
							</a>
						</li>
					</ul>
					<!-- 合约计划说明等... -->
					<ul class="links lf">
						<li>
							<a href="#">大家电配送</a>
						</li>
						<li>
							<a href="#">合约计划说明</a>
						</li>
					</ul>
				</header>
				<!-- 2、内容 -->
				<!-- 左 -->
				<aside class="lf_list">
					<!-- 文字列表 -->
					<ul>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
					</ul>
					<!-- 图像 -->
					<p>
						<a href="#">
							<img src="Images/index/fl_01.jpg">
						</a>
					</p>
				</aside>
				<!-- 中 -->
				<div class="content">
					<dl>
						<dt>
							<img src="Images/index/fl_dl_01.jpg">
						</dt>
						<dd>
							<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
						</dd>
						<dd class="text">
							送澳门风云2电影票
						</dd>
					</dl>
					<div>
						<img src="Images/index/fl_ad_01.jpg">
					</div>
					<dl>
						<dt>
							<img src="Images/index/fl_dl_01.jpg">
						</dt>
						<dd>
							<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
						</dd>
						<dd class="text">
							送澳门风云2电影票
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="Images/index/fl_dl_01.jpg">
						</dt>
						<dd>
							<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
						</dd>
						<dd class="text">
							送澳门风云2电影票
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="Images/index/fl_dl_01.jpg">
						</dt>
						<dd>
							<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
						</dd>
						<dd class="text">
							送澳门风云2电影票
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="Images/index/fl_dl_01.jpg">
						</dt>
						<dd>
							<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
						</dd>
						<dd class="text">
							送澳门风云2电影票
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="Images/index/fl_dl_01.jpg">
						</dt>
						<dd>
							<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
						</dd>
						<dd class="text">
							送澳门风云2电影票
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="Images/index/fl_dl_01.jpg">
						</dt>
						<dd>
							<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
						</dd>
						<dd class="text">
							送澳门风云2电影票
						</dd>
					</dl>
				</div>
				<!-- 右 -->
				<aside class="rt_list">
					<ul>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
					</ul>
					<p>
						<img src="Images/index/fl_ad_02.jpg">
					</p>
				</aside>
				<!-- 追加空div -->
				<div class="clear"></div>
			</div>
			<div class="floor">
				<!-- 1、家电通讯标题.. -->
				<!-- 1211*40 -->
				<header>
					<!-- 1F -->
					<span>1F</span>
					<!-- 家电通讯 -->
					<p>家电通讯</p>
					<!-- 特价商品等... -->
					<ul class="tab">
						<li>
							<a href="#">
								特价商品
							</a>
						</li>
						<li>
							<a href="#">
								大家电
							</a>
						</li>
						<li>
							<a href="#">
								小家电
							</a>
						</li>
						<li>
							<a href="#">
								手机通讯
							</a>
						</li>
						<li>
							<a href="#">
								汽车五金
							</a>
						</li>
					</ul>
					<!-- 合约计划说明等... -->
					<ul class="links lf">
						<li>
							<a href="#">大家电配送</a>
						</li>
						<li>
							<a href="#">合约计划说明</a>
						</li>
					</ul>
				</header>
				<!-- 2、内容 -->
				<!-- 左 -->
				<aside class="lf_list">
					<!-- 文字列表 -->
					<ul>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
					</ul>
					<!-- 图像 -->
					<p>
						<a href="#">
							<img src="Images/index/fl_01.jpg">
						</a>
					</p>
				</aside>
				<!-- 中 -->
				<div class="content">
					<dl>
						<dt>
							<img src="Images/index/fl_dl_01.jpg">
						</dt>
						<dd>
							<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
						</dd>
						<dd class="text">
							送澳门风云2电影票
						</dd>
					</dl>
					<div>
						<img src="Images/index/fl_ad_01.jpg">
					</div>
					<dl>
						<dt>
							<img src="Images/index/fl_dl_01.jpg">
						</dt>
						<dd>
							<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
						</dd>
						<dd class="text">
							送澳门风云2电影票
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="Images/index/fl_dl_01.jpg">
						</dt>
						<dd>
							<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
						</dd>
						<dd class="text">
							送澳门风云2电影票
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="Images/index/fl_dl_01.jpg">
						</dt>
						<dd>
							<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
						</dd>
						<dd class="text">
							送澳门风云2电影票
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="Images/index/fl_dl_01.jpg">
						</dt>
						<dd>
							<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
						</dd>
						<dd class="text">
							送澳门风云2电影票
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="Images/index/fl_dl_01.jpg">
						</dt>
						<dd>
							<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
						</dd>
						<dd class="text">
							送澳门风云2电影票
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="Images/index/fl_dl_01.jpg">
						</dt>
						<dd>
							<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
						</dd>
						<dd class="text">
							送澳门风云2电影票
						</dd>
					</dl>
				</div>
				<!-- 右 -->
				<aside class="rt_list">
					<ul>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
					</ul>
					<p>
						<img src="Images/index/fl_ad_02.jpg">
					</p>
				</aside>
				<!-- 追加空div -->
				<div class="clear"></div>
			</div>
			<div class="floor">
				<!-- 1、家电通讯标题.. -->
				<!-- 1211*40 -->
				<header>
					<!-- 1F -->
					<span>1F</span>
					<!-- 家电通讯 -->
					<p>家电通讯</p>
					<!-- 特价商品等... -->
					<ul class="tab">
						<li>
							<a href="#">
								特价商品
							</a>
						</li>
						<li>
							<a href="#">
								大家电
							</a>
						</li>
						<li>
							<a href="#">
								小家电
							</a>
						</li>
						<li>
							<a href="#">
								手机通讯
							</a>
						</li>
						<li>
							<a href="#">
								汽车五金
							</a>
						</li>
					</ul>
					<!-- 合约计划说明等... -->
					<ul class="links lf">
						<li>
							<a href="#">大家电配送</a>
						</li>
						<li>
							<a href="#">合约计划说明</a>
						</li>
					</ul>
				</header>
				<!-- 2、内容 -->
				<!-- 左 -->
				<aside class="lf_list">
					<!-- 文字列表 -->
					<ul>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
						<li>
							<a href="#">手机</a>
						</li>
					</ul>
					<!-- 图像 -->
					<p>
						<a href="#">
							<img src="Images/index/fl_01.jpg">
						</a>
					</p>
				</aside>
				<!-- 中 -->
				<div class="content">
					<dl>
						<dt>
							<img src="Images/index/fl_dl_01.jpg">
						</dt>
						<dd>
							<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
						</dd>
						<dd class="text">
							送澳门风云2电影票
						</dd>
					</dl>
					<div>
						<img src="Images/index/fl_ad_01.jpg">
					</div>
					<dl>
						<dt>
							<img src="Images/index/fl_dl_01.jpg">
						</dt>
						<dd>
							<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
						</dd>
						<dd class="text">
							送澳门风云2电影票
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="Images/index/fl_dl_01.jpg">
						</dt>
						<dd>
							<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
						</dd>
						<dd class="text">
							送澳门风云2电影票
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="Images/index/fl_dl_01.jpg">
						</dt>
						<dd>
							<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
						</dd>
						<dd class="text">
							送澳门风云2电影票
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="Images/index/fl_dl_01.jpg">
						</dt>
						<dd>
							<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
						</dd>
						<dd class="text">
							送澳门风云2电影票
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="Images/index/fl_dl_01.jpg">
						</dt>
						<dd>
							<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
						</dd>
						<dd class="text">
							送澳门风云2电影票
						</dd>
					</dl>
					<dl>
						<dt>
							<img src="Images/index/fl_dl_01.jpg">
						</dt>
						<dd>
							<a href="#">48英寸智能电视2499,55英寸智能电视3499</a>
						</dd>
						<dd class="text">
							送澳门风云2电影票
						</dd>
					</dl>
				</div>
				<!-- 右 -->
				<aside class="rt_list">
					<ul>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
						<li>
							<a href="#">
								<img src="Images/index/rBEbRlN5zCsIAAAAAAALfFfJRv8AACGGgO__3sAAAuU660.jpg">
							</a>
						</li>
					</ul>
					<p>
						<img src="Images/index/fl_ad_02.jpg">
					</p>
				</aside>
				<!-- 追加空div -->
				<div class="clear"></div>
			</div>
			<!-- 3、热门晒单 -->
			<div id="others">
				<!-- 1、热门晒单 -->
				<div class="share">
					<p>热门晒单</p>
					<!-- 热门晒单具体内容 -->
					<ul>
						<li>
							<p>
								<img src="Images/index/share_01.jpg">
								<i class="shai"></i>
							</p>
							<div class="lf">
								<h3>
									<a href="#">
										咔哟YOYO4.0蓝牙音箱低音炮立体声音响
									</a>
								</h3>
								<h4>
									<a href="#">
										音质还可以，不错的，很小，很大声，很好看。
									</a>
								</h4>
							</div>
						</li>
						<li>
							<p>
								<img src="Images/index/share_01.jpg">
								<i class="shai"></i>
							</p>
							<div class="lf">
								<h3>
									<a href="#">
										[晒单帖]出乎意料的京东，神奇的泰福高焖烧壶
									</a>
								</h3>
								<h4>
									<a href="#">
										昨天晚上在京东10点下单的，今天中午就送到了，京东的快递哥实在神速呀！而且态度非常好，还确认了
									</a>
								</h4>
							</div>
						</li>
					</ul>
				</div>
				<!-- 2、热门晒单 -->
				<div class="share">
					<p>热门晒单</p>
					<!-- 热门晒单具体内容 -->
					<ul>
						<li>
							<p>
								<img src="Images/index/share_01.jpg">
								<i class="shai"></i>
							</p>
							<div class="lf">
								<h3>
									<a href="#">
										咔哟YOYO4.0蓝牙音箱低音炮立体声音响
									</a>
								</h3>
								<h4>
									<a href="#">
										音质还可以，不错的，很小，很大声，很好看。
									</a>
								</h4>
							</div>
						</li>
						<li>
							<p>
								<img src="Images/index/share_01.jpg">
								<i class="shai"></i>
							</p>
							<div class="lf">
								<h3>
									<a href="#">
										[晒单帖]出乎意料的京东，神奇的泰福高焖烧壶
									</a>
								</h3>
								<h4>
									<a href="#">
										昨天晚上在京东10点下单的，今天中午就送到了，京东的快递哥实在神速呀！而且态度非常好，还确认了
									</a>
								</h4>
							</div>
						</li>
					</ul>
				</div>
				<!-- 3、在线读书 -->
				<div id="more">
					<!-- 在线读书 -->
					<div class="reading">
						<!-- 文字 -->
						<p>
							<a href="#" class="rt">更多在线读书&gt;</a>
							<b>在线读书</b>
						</p>
						<!-- 内容 -->
						<div>
							<!-- 图片 -->
							<a href="#" class="lf">
								<img src="Images/index/reading.jpg">
							</a>
							<!-- 文字列表 -->
							<ul class="lf">
								<li>
									<i></i>
									<a href="#">
										《来到地球第一天》新书特惠
									</a>
								</li>
								<li>
									<i></i>
									<a href="#">
										《来到地球第一天》新书特惠
									</a>
								</li>
								<li>
									<i></i>
									<a href="#">
										《来到地球第一天》新书特惠
									</a>
								</li>
								<li>
									<i></i>
									<a href="#">
										《来到地球第一天》新书特惠
									</a>
								</li>
							</ul>
						</div>
					</div>
					<!-- 订阅 -->
					<div class="order">
						<p>订阅促销信息</p>
						<input value="请输入您的Email地址">
						<button>订阅</button>
					</div>
				</div>
				<!-- 追加空子元素 -->
				<div class="clear"></div>
			</div>
		</section>
		<!-- 6、购物指南:foot_box -->
		<footer id="foot_box">
				<p class="shopping-guide"></p>
				<ul>
					<li>
						<b>购物指南</b>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
				</ul>
				<p class="shopping-guide"></p>
				<ul>
					<li>
						<b>购物指南</b>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
				</ul>
				<p class="shopping-guide"></p>
				<ul>
					<li>
						<b>购物指南</b>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
				</ul>
				<p class="shopping-guide"></p>
				<ul>
					<li>
						<b>购物指南</b>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
				</ul>
				<p class="shopping-guide"></p>
				<ul>
					<li>
						<b>购物指南</b>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
					<li>
						<a href="#">购物流程</a>
					</li>
				</ul>
		</footer>
		<!-- 7、页面底部:footer-->
		<footer id="footer">
			页面底部
		</footer>
	</body>
</html>